<html>
  <head>
    <meta charset="UTF-8">
    <title>用户登录</title>

    <style>
      .login_boder {
        border: 1px solid #bbbbbb;
        background-color: white;
        width: 400px;
        margin: 20px auto 0;
        border-radius: 5px;
        box-shadow:0px 0px 5px 5px #cccccc;
        padding-top: 30px;
      }

      .label {
        height: 40px;
        line-height: 40px;
        padding-left: 6%;
      }

      .row {
          height: 50px;
          line-height: 50px;
        text-align: center;
      }

      .row input {
        height: 35px;
        width: 90%;
        border-radius: 5px;
       	border: 1px solid #bbbbbb;
        padding: 5px;
        outline:none;
        transition: border 1s, box-shadow 1s; //过渡显示获取焦点 边框
      }
      
      .row input:focus{
        border:1px solid #06c;
        -moz-box-shadow:0 0 10px #06c;
     	-webkit-box-shadow:0 0 10px #06c;
     	box-shadow:0 0 10px #06c;
      }

      button {
        width: 100px;
        height: 35px;
        border: none;
        outline: none;
        background-color: #4f5d80;
        
        font-size: 16px;
        margin-bottom: 20px;
        margin-right: 20px;
        cursor: pointer;
          color:white;
          font-size: 18px;
      }

      .logo {
         width: 400px;
        margin: 5% auto 40px;
        text-align: center;
      }
    </style>
  </head>
  <body style="background-image: url(images/login_bgx.gif)">
  <form action="page/index.html" method="post">
        <div class="logo">
          <img src="images/logo1.png" alt="">
        </div>
        <div class="login_boder" >
          <div class="label" style="color: #4f5d80;font-size: 18px">用户名</div>
          <div class="row">
            <input type="text" placeholder="请输入用户名" id="userName" name="userName">
          </div>
          <div class="label"style="color: #4f5d80;font-size: 18px">密&nbsp;码</div>
          <div class="row">
            <input type="password" placeholder="请输入密码" id="pwd" name="pwd">
          </div>
          <div class="login" style="text-align: right">
              <button type="submit">登&nbsp;&nbsp;录</button>
          </div>
        </div>
  </form>
  </body>
</html>